<template>
   <div class="row-box">
      <nav class="navigation">
         <img class="navigation-img" :src="icon" alt="图标">
      </nav>   
      <nav class="navigation-right">
         <el-button type="primary" round class="btn" @click="getusers">{{$t('page.personalinformation')}}</el-button>
         <el-button type="primary" round class="btn" @click="logout">{{$t('page.logout')}}</el-button>
         <el-button type="primary" round @click="getStu">{{$t('page.client')}}</el-button>
      </nav> 
   </div>
   
</template>
<script>
   export default {
     name: '',
     data: function(){
       return {
         icon: require('../assets/ntt.png'),
       }
     },
     methods:{
        logout(){
            window.sessionStorage.clear("token");
            this.$router.push("login");
        },
        getusers(){
         this.$router.push("users");
        },
        getStu(){
         this.$router.push({
                    name:"homepage"
                  });
        }
   }
}
</script>
<style>
.row-box{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   border: 0px !important;
}
.navigation{
   display: flex;
   flex-direction: row;
}
.navigation-img{
   padding-top: 8px;
   padding-bottom: 5px;
}
.btn{

   font-size: 15px;
   font-size: 20px;
}
.navigation-right{
   display: flex;
   flex-direction: row;
   padding-top: 55px;
   margin-right: 10px;
   font-size: 14px;
}
</style>
